<!DOCTYPE HTML>
<html lang="ja" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>住宅総合館</title>
<%include file="_meta.html" />
<meta name="paneo-field-text" content=""/>
<meta name="paneo-field-img" content=""/>
</head>
<body class="free">

<!-- page header xx start -->
<header class="noprint">
<%include file="_header.html" />
</header>
<!-- page header xx end -->

<div id="headline"></div>

<div id="container">
    <div id="contents" class="clearfix">
    <!-- イベント -->
    <a name="event" class="bookmark" title="イベント"></a>
    <% article = AT.GetArticle('event') %>
    <section id="event">
    <div class="backcolor">
    <div class="outer">
        <div class="color"></div>
        <div class="cover">
            <img src="/common/img/event_headericon.png" />
        </div>
    </div>
    </div><!-- .backcolor -->

    <div class="header_box">
    <div class="headcover">
        <div class="header">
        <h1><img src="/common/img/index/house_top.png">${article.header}一覧</h1>
        <h2>${article.lead}</h2>

        </div>
    </div>
    </div>
    
<div id="event">
    <h4 class="context1">${article.context.get('context1')}</h4>
    <p>
    ${article.context.get('context2')}
    </p>
     <h5>イベントの予約方法</h5>
    <ul class="block-five flow">
    <li><b>1</b>
    <div data-paneo-type="textarea" data-paneo-name="eventtext1" title="予約方法１"> 
    <span>イベント名</span>をクリックして
イベントの内容をチェック
    </div>
    </li>
    <li class="yajirushi">>>></li>
    <li><b>2</b>
    <div data-paneo-type="textarea" data-paneo-name="eventtext2" title="予約方法２"> 
    <span>「このイベントに申し込む」</span>をクリックして必要事項を入力・送信
    </div>
    </li>
    <li class="yajirushi">>>></li>
    <li><b>3</b>
    <div data-paneo-type="textarea" data-paneo-name="eventtext3" title="予約方法３"> 
    <span>「参加予約確認メール」</span>を持ってイベントに参加
    <p>※ メール画面を印刷or携帯電話の画面で準備してくださいね</p>
    </div>
    </li>		
    </ul>
    
    <div class="row split">
    <div class="fivesixth">
    <h5>アイコンの種類</h5>
    <ul class="block-four icon">
    <li><img src="/common/img/event_kengaku.png">見学会</li>
    <li><img src="/common/img/event_seminar.png">セミナー・相談会</li>

    <li><img src="/common/img/event_event.png">イベント</li>
    <li><img src="/common/img/event_present.png">プレゼント</li>

    </ul>	

    </div>
    <div class="sixth">
    </div>
    
    <ul class="list">
    <li class="first">
    <b><span class="midashi">■</span>開催期間</b>
    <h4><span class="midashi">■</span>イベント名</h4>
    <h5 class="company"><span class="midashi">■</span>工務店名</h5>
    </li>

    %for contents in article.GetPostsByUpdated(10) :
    <li>
    <b> ${ contents.GetField('eventdate') }</b>
    <h4><a href="/article/${contents.slug}.html">${ contents.title }</a></h4>
    <h5 class="company">
    <% posts = AT.GetPostsByKey('builder',str(contents.key)) %>
     %for ct in posts:
      ${ct.GetField('name')}
    %endfor
    </h5>
        <ul>
        %for c in contents.categories:
        <li class="event_${ c.code }">${ c.label }</li>
        %endfor
    <ul>
    </li>
    %endfor
    </ul>
</div>
</section><!-- #event -->



    <%include file="sogokan_bigfooter.html"/>

    </div><!-- /#contents -->
</div><!-- /#container -->

<!-- page footer -->
<%include file="_footer.html"/>
<%include file="_anchor_navi.html"/>

</body>
</html>

